<template>
  <div>
    <div class="nav">
      <div class="one">
        <van-row>
          <van-col span="6">

              <div class="list" @click="UrlLink(2)">
                <img src="https://gw.alicdn.com/tfs/TB1UW6znDZmx1VjSZFGXXax2XXa-69-69.png" alt>
                <p>热点资讯</p>
              </div>
          </van-col>
          <van-col span="6">
              <div class="list" @click="UrlLink(1)">
                <img src="https://gw.alicdn.com/tfs/TB1Wfn4UMHqK1RjSZFPXXcwapXa-68-57.png" alt>
                <p>政策查询</p>
              </div>
          </van-col>
          <van-col span="6">
              <div class="list" @click="UrlLink(3)">
                <img src=" https://gw.alicdn.com/tfs/TB1_RLUUMDqK1RjSZSyXXaxEVXa-68-61.png" alt>
                <p>U理U据</p>
              </div>
          </van-col>
          <van-col span="6">
            <router-link to="/Thought">
              <div class="list">
                <img src=" https://gw.alicdn.com/tfs/TB14er0UHvpK1RjSZPiXXbmwXXa-61-55.png" alt>
                <p>U思U享</p>
              </div>
            </router-link>
          </van-col>
        </van-row>
      </div>
      <div class="one two">
        <van-row>
          <van-col span="6">
            <router-link to="/EquityHome">
                <div>
                <div class="list">
                    <img src="https://gw.alicdn.com/tfs/TB1rQn5UHrpK1RjSZTEXXcWAVXa-62-61.png" alt>
                    <p>福利专区</p>
                </div>
                </div>
            </router-link>
          </van-col>
          <van-col span="6">
              <div class="list" @click="openLink">
                <img src="https://gw.alicdn.com/tfs/TB1ZsjZUNTpK1RjSZR0XXbEwXXa-64-54.png" alt>
                <p>积分商城</p>
              </div>
          </van-col>
          <van-col span="6">
            <router-link to="/Intelligent">
              <div class="list">
                <img src=" https://gw.alicdn.com/tfs/TB1iqn9UFzqK1RjSZFvXXcB7VXa-48-65.png" alt>
                <p>U才达人</p>
              </div>
            </router-link>
          </van-col>
          <van-col span="6">
            <router-link to="/CuoCuo">
                <div class="list">
                <img src="./../../../../static/img/lhdz/cuo.png" alt>
                <p>没事戳戳</p>
                </div>
            </router-link>
          </van-col>
        </van-row>
      </div>
    </div>
  </div>
</template>

<script>
import { getLink_Url } from "@/api/login";
export default {
  name: "lhdzNav",
  data() {
    return {};
  },
  methods: {
      UrlLink(e){
        if(e==1){
            window.location.href='https://cloud.anyolife.com/topicType?id=28&name=政策查询'
        }
         if(e==3){
            window.location.href='https://cloud.anyolife.com/topicType?id=36&name=U理U据'
        }
         if(e==2){
            window.location.href='https://cloud.anyolife.com/topicType?id=40&name=热点资讯'
        }

      },
    async openLink(){
         let query = Object.assign({});
        let { data } = await getLink_Url(query);
        if (data.status == 100) {
            window.location.href = data.data
        }
    }
  }
};
</script>

<style lang="scss" scoped>
.nav {
  padding: 18px 10px;

  background: #fff;
  .two {
    margin-top: 18px;
  }

  .list {
    text-align: center;

    img {
      margin: 0 auto;
      // width: 36px;
      height: 36px;
    }

    p {
      padding-top: 11px;
      font-size: 12px;
    }
  }
}
</style>
